<?xml version="1.0"?>
<jsp:root 	xmlns:jsp="http://java.sun.com/JSP/Page"
			xmlns:sql="http://java.sun.com/jsp/jstl/sql"
			xmlns:c="http://java.sun.com/jsp/jstl/core" 
			version="2.1">
	<jsp:directive.page contentType="text/html; charset=UTF-8" />
	<jsp:directive.page isELIgnored="false" />
	<jsp:output omit-xml-declaration="false"
		doctype-root-element="html"
		doctype-public="-//W3C//DTD XHTML 1.1//EN"
		doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd" />  
		


 <!--  ====================  -->
 <!--  = Ventanas modales =  -->
 <!--  ====================  -->
    
    <!--  = Login =  -->
    <div id="loginModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="loginModalLabel"><span class="light">Identifícate en</span> Ikex Store</h3>
        </div>
        <div class="modal-body">
            <form method="post" action="${pageContext.request.contextPath}/login" id="loginForm">
                <div class="control-group">
                    <label class="control-label hidden shown-ie8" for="inputUsername" >Usuario</label>
                    <div class="controls">
                        <input type="text" class="input-block-level" id="inputUsername" name="inputUsername" placeholder="Usuario" value="${userBean.username }"/>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label hidden shown-ie8" for="inputPassword">Contraseña</label>
                    <div class="controls">
                        <input type="password" class="input-block-level" id="inputPassword" name="inputPassword" placeholder="Contraseña" />
                    </div>
                </div>
				<span id="loginError" class="text-error">${loginErrorMsg }</span>
                <button type="submit" class="btn btn-primary input-block-level bold higher">
                    ENTRAR
                </button>
            </form>
            <p class="center-align push-down-0">
                <a href="#" data-dismiss="modal">¿Olvidaste tu contraseña?</a>
            </p>
        </div>
    </div>
    
    <!--  = Registrar =  -->
    <div id="registerModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="registerModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="registerModalLabel"><span class="light">Regístrate en</span> Ikex Store</h3>
        </div>
        <div class="modal-body">
            <form method="post" action="${pageContext.request.contextPath}/registrouser" id="registerForm">
                <div class="control-group">
                    <label class="control-label hidden shown-ie8" for="inputUsername">Usuario</label>
                    <div class="controls">
                        <input type="text" class="input-block-level " id="inputUsername" name="inputUsername" value="${userBean.username }" 
                        placeholder="Usuario"  />
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label hidden shown-ie8" for="inputEmail">Email</label>
                    <div class="controls">
                        <input type="email" class="input-block-level" id="inputEmail" name="inputEmail" value="${userBean.email }" placeholder="Email" />
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label hidden shown-ie8" for="inputPassword">Contraseña</label>
                    <div class="controls">
                        <input type="password" class="input-block-level" id="inputPassword" name="inputPassword" placeholder="Contraseña" />
                    </div>
                </div>
                <span id="registerError" class="text-error">${registerErrorMsg }</span>
                <button type="submit" class="btn btn-danger input-block-level bold higher">
                    REGISTRAR
                </button>
            </form>
            <p class="center-align push-down-0">
                <a data-toggle="modal" role="button" href="#loginModal" data-dismiss="modal">¿Ya está registrado?</a>
            </p>
            
        </div>
    </div>
	
	
	
	<div id="localModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="registerModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="registerModalLabel"><span class="light">Localización</span> Ikex Store</h3>
        </div>
        <div class="modal-body">
           <jsp:include page="../localization.jsp" />
            
        </div>
    </div>
    
    
	<!-- Scripts de validación JavaScript -->
	<script src="js/validacion.js"></script>  

	

</jsp:root>